﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mcompany_inde.aspx.cs" Inherits="DTcms.Web.mcompany_inde" %>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>中国石材圈 - 全国首家石材综合信息网</title>
<link href="css/maincss.css" rel="stylesheet" type="text/css">

    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="all" />
    
    <link href="css/basic.css" rel="stylesheet" />
    <script src="scripts/jquery/jquery-1.11.2.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/jq_scroll.js" type="text/javascript"></script>
    <script src="scripts/layer/layer.js"></script>
    <script src="js/lightbox/spotlight.bundle.js"></script><!--相册预览效果插件-->
    <style>
        .nav div a span{ font-size:12px;}
        .product_list li h2,.pro_list li h2{ font-size:14px;}
    </style>
<script type="text/javascript">
    ////平台、设备和操作系统
    //var system = {
    //    win: false,
    //    mac: false,
    //    xll: false,
    //    ipad: false
    //};
    ////检测平台
    //var p = navigator.platform;
    //system.win = p.indexOf("Win") == 0;//window电脑
    //system.mac = p.indexOf("Mac") == 0;//苹果电脑
    //system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    //system.ipad = (navigator.userAgent.match(/iPad/i) != null) ? true : false;
    ////跳转语句，如果是手机访问就自动跳转到m.wuzheng.com.cn页面
    //if (system.win || system.mac || system.xll) {//如果是PC端登录不做任何操作登录电脑端的系统
    //    window.location.href = "/company_index.aspx?d=" + GetQueryString("company_id");
    //} else {//如果是手机或者平板登录就登录手机端的系统
        
    //}


    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
$(document).ready(function(){
     $("#scrollDiv").Scroll({line:1,speed:500,timer:3000});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
     $("#scrollBoxDiv").Scroll({line:1,speed:500,timer:3000});
});
</script>
<script type="text/javascript">
  $(function () {
        $("#yixuan").click(function(){
        	if($("#quanziList").css("display")=="none"){	
			$("#quanziList").show();
			$("#qzicon").removeClass("downicon").addClass("topicon");
			$("li").click(function(){
				$("#quanziList").hide();
				$("#qzicon").removeClass("topicon").addClass("downicon");
			});
			}else{
			$("#quanziList").hide();
			$("#qzicon").removeClass("topicon").addClass("downicon");
			}
        });
        $("#subdaohang").mouseover(function(){
        	$(".subnav").removeClass("cur").addClass();
        });
        $("#subdaohang").mouseout(function(){
        	$(".subnav").removeClass().addClass("subnav cur");
        });
    });
</script>
<script>
    $(function(){
        //通用头部搜索切换
        $('#search-hd .search-input').on('input propertychange',function(){
            var val = $(this).val();
            if(val.length > 0){
                $('#search-hd .pholder').hide(0);
            }else{
                var index = $('#search-bd li.selected').index();
                $('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
            }
        })
        $('#search-bd li').click(function(){
            var index = $(this).index();
            $('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
            $('#search-hd .search-input').eq(index).show().siblings('.search-input').hide(0);
            $(this).addClass('selected').siblings().removeClass('selected');
            $('#search-hd .search-input').val('');
        });
        
    })
    function opencompany() {
            //自定页
            layer.open({
                type: 1,
                title: false, //不显示标题
                skin: 'layui-layer-demo', //样式类名
                closeBtn: 0, //不显示关闭按钮
                anim: 2,
                shadeClose: true, //开启遮罩关闭
                content: '<div style=padding:10px;line-height:25px;><%=companyabout%></div>'
            });
        }
</script>
</head>
    <a id="a_top" name="a_top"></a>
<body id="index">
    <section class="mainer">
    <!-- 图片播放功能 -->
    <div class="bannerPane" style="z-index:1;">
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <asp:Repeater runat="server" ID="company_banner">
                        <ItemTemplate>
                            <li><a href="javascript:;"><img src="<%#Eval("original_path") %>"  alt="中国石材圈" class="img-responsive resizeimg center-block" /></a></li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
            <div class="com_box">
            <div class="com_logo">
                <img id="com_logo" src="<%=com[0] %>" />
            </div>

            <h1><%=com[1] %></h1>
             <p><%=com[2] %></p>
        </div>
        </section>
        
    </div>
       
        
</section>
<section>
    <div class="container">
        <div class="row nav">
            <div class="nav_menu"><a href="#a_top"><img src="images/app/com_index_01.png" /><span>主页</span></a></div>
            <div class="nav_menu"><a href="#a_pro"><img src="images/app/com_index_02.png" /><span>产品展示</span></a></div>
            <div class="nav_menu"><a href="#a_about"><img src="images/app/com_index_03.png" /><span>关于我们</span></a></div>
            <div class="nav_menu"><a href="#a_news"><img src="images/app/com_index_04.png" /><span>最新动态</span></a></div>
            <div class="nav_menu"><a href="#a_contact"><img src="images/app/com_index_05.png" /><span>联系我们</span></a></div>
        </div>
    </div>
</section>
<section>
    <!-- 视频 -->
<div class="box top10" style="display:<%=com[4]+""!=""?"":"none"%>">
  <!-- <span id="player1"></span> -->
  <video id="player" src="<%=com[4] %>" poster="<%=com[3] %>"  crossorigin="anonymous"  loop controls webkit-playsinline style="width:100%;height:100%;"></video>
</div>
<a name="a_pro" id="a_pro">&nbsp;</a>
</section>
    <section>
        <div class="product box">
            <dl>
                <dt><em></em><strong>主营产品</strong><span id="bt_product"></span></dt>
                <dd><ul class="pro_list" id="product_list"><%=com[5] %></ul></dd>
            </dl>
            <%--<a href="javascript:void(0)" onclick="openTab('tabProduct','product_list')" class="btn_more">查看更多产品</a>--%>
        </div>
    </section>
    <a id="a_about" name="a_about"></a>
    <section class="col-md-12 col-sm-12 col-lg-12">
        <div class="box top10">
            <dl>
                <!-- <dt><em></em><strong>公司简介</strong><span id="bt_about"></span></dt> -->
                <dd id="company_about"><%=com[6] %></dd>
            </dl>
             <a href="javascript:void(0)" onclick="opencompany()" class="btn_more">查看公司简介详细</a> 
        </div>
    </section>
    <a id="a_contact" name="a_contact"></a>
    <section  class="col-md-12 col-sm-12 col-lg-12">
        <div class="box top10">
            <dl>
                <dd>
                    <div class="contact_list">
                        <ul>
                            <li id="lianxiren"><%=com[7] %></li>
                            <li id="mobile"><%=com[11] %></li>
                            <li id="address"><%=com[8] %></li>
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
    </section>


    <section>
        <div class="box top10">
            <dl>
                <dt><em></em><strong>公司形象</strong><span id="bt_photo"></span></dt>
                <dd>
                    <ul class="pro_list" id="photo_list"><%=com[9] %>
                    </ul>
                </dd>
            </dl>
            <%--<a href="javascript:void(0)" onclick="openTab('tabPhoto','photo_list')" class="btn_more">查看更多图片</a>--%>
        </div>
    </section>

    <a id="a_news" name="a_news"></a>
    <section>
        <!--  添加最新动态  2018-11-19  -->
 <div class="box top10 quanzi_list">
   <dl>
     <dt><em></em><strong>最新动态</strong><span id="bt_photo"></span></dt>
     <dd>
       <ul id="xinxi_list"><%=com[10] %>

       </ul>
     </dd>
   </dl>
    <%--<a href="javascript:void(0)" onclick="openTab('tabxinxi','xinxi_list')" class="btn_more">查看更多动态</a>--%>
 </div>
    </section>
    <footer >
        <div class="container">
            <ul class="app_list">
                
                <li><a href="https://itunes.apple.com/cn/app/%E4%B8%AD%E5%9B%BD%E7%9F%B3%E6%9D%90%E5%9C%88/id1361513975?mt=8" target="_blank">IOS客户端下载</a></li>
                <li><a href="http://www.shicaiquanzi.com/app_download/index.html">Android客户端下载</a></li>
            </ul>
            <div class="row">
                <p>Copyright (C) 2018 www.shicaiquanzi.com 鲁ICP备09075556号-4</p>
            </div>
        </div>
    </footer>
     <script src="templates/main/js/jquery.flexslider-min.js"></script>

    <script>
        $(function(){
            //---------------------------------------------------------------------- BANNER SLIDER
            if($(".flexslider").length != 0) {
                $('.flexslider').flexslider({
                    animation: "fade",
                    //smoothHeight: true,
                    slideshowSpeed: 3000, // Integer: ms 滚动间隔时间
                    animationSpeed: 600, // Integer: ms 动画滚动速度
                    start: function(slider){
                        //$('body').removeClass('loading');
                    }
                });
            }
        });
        //function showImg(url){
        //    //alert(url);
        //    var img_infor = "<img src='" + url + "' />";
        //    layer.open({    
        //        type: 1, 
        //        closeBtn: false,
        //        shade: true,    
        //        title: false, //不显示标题
        //        //skin: 'layui-layer-nobg', //没有背景色
        //        shadeClose: true,
        //        area:['auto','auto'],    
        //        //area: [img.width + 'px', img.height+'px'],    
        //        content: img_infor //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响    
        //        //cancel: function () {    
        //        //layer.msg('图片查看结束！', { time: 5000, icon: 6 });    
        //        //}    
        //    });    

        //}
      
    </script>

    <!-- 底部横条 一键拨号-->
    <style>
        
.ft{opacity: 1;}

@media screen and (max-width: 480px){

  /*底部*/

.ft {

  opacity: 1; 

    padding: 20px 0 0 0;

    width: 100%;

    position: fixed;

    left: 0;

    bottom: 0;

 z-index: 9;

}

.ft ul {

    height: 0px;

}

.ft ul li {

    float: left;

    width: 100%;

	height: 50px;

    text-align: center;

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}

.ft ul li span {

    display: block;

    color: #fff;

    font-size: 1.5em;

    font-family: "微软雅黑";

    line-height: 50px;

}

.ft a {

    color: #000;

    text-decoration: none;

}

}

  .lhy_popup{ position: absolute;bottom:0; width: 100%; display:none; background:#fdfdfd;}

  .lhy_popup ul{width:100%;}

  .lhy_popup ul li{width:100%; height: 45px; line-height: 45px;text-align: left; padding-left:25px;}

  .lhy_popup ul li p{display:inline-block; line-height: 45px; margin-right:25px;}

  .lhy_popup ul li.opoup_cancel{background: #ccc;text-align: center;}
    </style>
    <div class="ft">

  <ul>

     

      <li style="position:relative;background: #FF5A00">

          <a href="tel:<%= com[11]  %>" class="open_opp"><span></span><span>一键拨号</span></a>

      </li>

  </ul>

 

</div>
   

<script>

  $(function(){

    $(".open_opp").on('click',function(){

      $(".lhy_popup").show(500);

    });

    $(".lhy_pop_cancel").on('click',function(){

      $(".lhy_popup").hide(500);

    });

    if (screen.width <= 768) {

    $("#nav_mobile").show();

  }

  else

  {

    $("#nav_mobile").hide();

  }

  

  });

</script>


</body>
</html>